<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
<link rel="stylesheet" href="admin/css/pintuer.css">
<link rel="stylesheet" href="admin/css/admin.css">
<script src="admin/js/jquery.js"></script>
<script src="admin/js/pintuer.js"></script>
<script src="ckeditor/ckeditor.js"></script>
<script src="ckfinder/ckfinder.js"></script>
<script src="ckeditor/samples/js/sample.js" type="text/javascript"></script>
<link href="ckeditor/samples/sample.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function(){
	$('#selectfiletype').change(function(){
		var p = $(this).children('option:selected').val();
		var type = $("#type_value_id").val();
		if(type = 2){
			$("#showVediodiv").css("display","block");
			$("#shwoVedio").attr('src','${caseInfo.resource}');
		}else if(type == 3){
			$("#showSwfdiv").css("display","block");
			$("#shwoSwf").attr('src','${caseInfo.resource}')
		}
		$("#showImg").attr("src", "");
		$("#url2").val("");
		if(p != null){
			if(p == 1 || p ==2){
				$("#imgfmdiv").css("display","none");
				$("#showVediodiv").css("display","none");
				$("#showSwfdiv").css("display","none");
			}
			if(p ==1){
				$("#url2").attr("type","file");
				$("#showImgdiv").css("display","block");
			}else if(p == 2){
				$("#url2").attr("type","text");
				$("#url2").attr("name","resource");
				$("#url2").parent().find('.tipss').html('请输入网络图片url');
				
			}else if(p == 4){
				$("#imgfmdiv").css("display","block");
				$("#showImgdiv").css("display","none");
				$("#url2").attr("type","text");
				$("#url2").attr("name","resource");
				$("#url2").parent().find('.tipss').html('请输入网络视频url');
			}else if(p == 3){
				$("#showImgdiv").css("display","none");
				$("#imgfmdiv").css("display","block");
				$("#url2").attr("type","file");
				$("#url3").parent().find('.tipss').html('请输入封面url');
					
				}
		}else{
			$("#imgfmdiv").css("display","none");
			alert("未选择文件类型");
		}
		
	});
	
	$("#url2").change(function(){
		//图片预览方法
		var objUrl = null;
		var options_value=$("#selectfiletype option:selected").val();
		if(options_value == ""){
			alert("请选择文件类型");
			return;
		}
		var filepath = $("#url2").val();
		if(options_value == 2 || options_value == 4){
			objUrl = filepath;
		}else{
			objUrl = getObjectURL(this.files[0]) ;
		}
		if(filepath == null){
			alert("您的文件不正确，请重新选择");
			return;
		}
		var filetype = filepath.substring(filepath.lastIndexOf(".")+1);
		if (objUrl) {
			if(filetype.indexOf("jpg")>=0 ||filetype.indexOf("png")>= 0 || filetype.indexOf("bmp")>= 0
					|| filetype.indexOf("jpeg")>= 0 || filetype.indexOf("gif")>= 0 || filetype.indexOf("ico")>= 0){
				$("#showImg").attr("src", objUrl) ;
				$("#showVediodiv").css("display","none");
				$("#showSwfdiv").css("display","none");
			}else {
				$("#showImgdiv").css("display","none");
				if(!checkHtml5() || filetype.indexOf("3gp") >= 0 || filetype.indexOf("avi") >= 0 || filetype.indexOf("wmv") >= 0 
						|| filetype.indexOf("mpeg") >= 0 || filetype.indexOf("mkv") >= 0 || filetype.indexOf("rmvb") >= 0
						|| filetype.indexOf("mov") >= 0 || filetype.indexOf("swf") >= 0 || filetype.indexOf("flv") >= 0){
					$("#showSwfdiv").css("display","block");
					$("#showSwf").attr("src", objUrl) ;
				}else if(filetype.indexOf("mp4") >= 0 || filetype.indexOf("webm") >= 0 || filetype.indexOf("ogg") >= 0){
					$("#showVedio").attr("src", "") ;
					$("#showVediodiv").css("display","block");
					$("#showVedio").attr("src", objUrl) ;
				}else{
					alert("不支持该文件类型，请重新选择文件");
					return;
				}
			}
		}
	});
});
//建立一个可存取到该文件的URL
function getObjectURL(file) {
	var url = null ; 
	if (window.createObjectURL!=undefined) { // basic
		url = window.createObjectURL(file) ;
	} else if (window.URL!=undefined) { // mozilla(firefox)
		url = window.URL.createObjectURL(file) ;
	} else if (window.webkitURL!=undefined) { // webkit or chrome
		url = window.webkitURL.createObjectURL(file) ;
	}
	return url ;
}
function checkHtml5(){
	if(window.applicationCache){
		return true;
	}
	else{
		return false;
	}
}
window.onload=function(){
	var isneturl = $("#isneturl_value_id").val();
	var type = $("#type_value_id").val();
	$("#showImgdiv").css('display','block');
	if(isneturl == 1 || isneturl == 2){
		$("#showImg").css('src','${caseInfo.resource}');
	}else if(isneturl == 3 || isneturl == 4){
		$("#showImg").css('src','${caseInfo.fmResource}');
		if(type == 3){
			$("#showSwfdiv").css("display","block");
			$("#showVediodiv").css("display","none");
			$("#showSwf").attr("src",'${caseInfo.resource}');
		}else if(type == 2){
			$("#showSwfdiv").css("display","none");
			$("#showVediodiv").css("display","block");
			$('#showVedio').attr('src','${caseInfo.resource}');
		}
	}
	$("#selectfiletype option").each(function(){
		var val = $(this).val();
		if(val == isneturl){
			$(this).attr("selected",true);
			$("#selectfiletype").trigger("change");
			return false;
		}
	});
	
}
</script>  
</head>
<body>
<div class="panel admin-panel margin-top" id="add">
  <div class="panel-head"><strong><span class="icon-pencil-square-o"></span> 修改内容</strong></div>
  <div class="body-content">
    <form id="uadv_form" action="admin/uservice.do" method="post" class="form-x" enctype="multipart/form-data"> 
    	<input type="hidden" name="belong" value="2"/>
    	<input type="hidden" name="id" value="${caseInfo.id }"/>
      <div class="form-group">
        <div class="label">
          <label>名称：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" name="title" data-validate="required:请输入名称" value="${caseInfo.title }" />
          <div class="tips"></div>
        </div>
      </div>
      <div class="form-group">
          <div class="label">
            <label>文件类型：</label>
          </div>
          <input type="hidden" id = "type_value_id" value="${caseInfo.type }">
          <input type="hidden" id = "isneturl_value_id" value="${caseInfo.isneturl }">
          <div class="field">
            <select name="filetype" class="input w50" id="selectfiletype">
              <option value="">请选择文件类型</option>
              <option value="1">本地图片</option>
              <option value="2">网络图片</option>
              <option value="3">本地视频</option>
              <option value="4">网络视频</option>
            </select>
            <div class="tips"></div>
          </div>
        </div>
      <div class="form-group">
        <div class="label">
          <label>文件：</label>
        </div>
        <div class="field">
          <input type="file" id="url2" name="file" class="input tips" style="width:25%; float:left;"  data-place="right" />
<!--           <input type="button" class="button bg-blue margin-left" id="image1" value="+ 浏览上传"  style="float:left;"> -->
          <div class="tipss">文件大小：1920*500</div>
        </div>
      </div>
      
      <div class="form-group" id = "imgfmdiv" style="display: none;">
        <div class="label">
          <label>文件封面：</label>
        </div>
        <div class="field">
          <input type="file" id="url3" name="file" class="input tips" style="width:25%; float:left;"  data-place="right" />
          <div class="tipss"></div>
        </div>
      </div>
      <div class="form-group" id = "showImgdiv">
        <div class="label">
          <label>图片预览：</label>
        </div>
        	<img id="showImg" src="" width="240" height="100" />
      </div>
      <div class="form-group" id = "showVediodiv" style="display: none;">
        <div class="label">
          <label>Vedio预览：</label>
        </div>
		<video  id="showVedio" src="" controls="controls" preload="none" width="550" height="400"></video>
      </div>
      <div class="form-group" id = "showSwfdiv" style="display: none;">
        <div class="label">
          <label>视频预览：</label>
        </div>
        <embed type="application/x-shockwave-flash" 
        src="" width="550" height="400" 
        style="undefined" id="showSwf" name="sotester" 
        quality="high" wmode="transparent" scale="noscale" 
        menu="false" allowfullscreen="true" flashvars="lm=">
      </div>
      <div class="form-group">
        <div class="label">
          <label>描述：</label>
        </div>
        <div class="field">
          <textarea type="text" class="input" name="content" style="height:120px;">${caseInfo.content }</textarea>
          <div class="tips"></div>
        </div>
      </div>
      <c:if test="${! empty addRslt }">
      <div id="uresultdiv" class="form-group" style="display: none;">
        <div class="label">
          <label for="sitename">更新结果：</label>
        </div>
        <div class="label" style="width: 300px;">
          <div id="uresult" style="color:red;">${addRslt }</div>
        </div>
      </div>
      </c:if>
      <div class="form-group">
        <div class="label">
          <label></label>
        </div>
        <div class="field">
          <input class="button bg-main icon-check-square-o" type="submit" value="提交"/>
        </div>
      </div>
    </form>
  </div>
</div>
</body>
</html>